<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>提现到微信</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        body {
            background-color: #f5f5f5;
            color: #333;
            font-size: 14px;
            width: 750px;
            margin: 0 auto;
        }
        .header {
            background-color: #fff;
            height: 88px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 30px;
            border-bottom: 1px solid #eee;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
        }
        .header .back {
            font-size: 30px;
            color: #333;
        }
        .header .title {
            font-size: 34px;
            font-weight: 500;
            color: #333;
        }
        .container {
            padding: 100px 20px 30px;
        }
        .balance-card {
            background-color: #fff;
            border-radius: 12px;
            padding: 30px 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .balance-title {
            font-size: 28px;
            color: #666;
            margin-bottom: 20px;
        }
        .balance-amount {
            font-size: 48px;
            font-weight: bold;
            color: #ff6b00;
        }
        .balance-tip {
            font-size: 24px;
            color: #999;
            margin-top: 10px;
        }
        .form-group {
            background-color: #fff;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .form-title {
            font-size: 30px;
            font-weight: 500;
            margin-bottom: 20px;
        }
        .input-group {
            margin-bottom: 20px;
        }
        .input-label {
            font-size: 28px;
            color: #666;
            margin-bottom: 10px;
        }
        .input-field {
            width: 100%;
            height: 88px;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 0 20px;
            font-size: 32px;
            color: #333;
            background-color: #f9f9f9;
        }
        .fee-info {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #fef7e9;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .fee-label {
            font-size: 28px;
            color: #ff9500;
        }
        .fee-amount {
            font-size: 28px;
            color: #ff5252;
            font-weight: bold;
        }
        .payment-method {
            display: flex;
            align-items: center;
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .payment-icon {
            width: 60px;
            height: 60px;
            background-color: #07c160;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            color: white;
            font-size: 30px;
        }
        .payment-info {
            flex: 1;
        }
        .payment-name {
            font-size: 30px;
            font-weight: 500;
        }
        .payment-account {
            font-size: 26px;
            color: #999;
            margin-top: 5px;
        }
        .submit-btn {
            width: 100%;
            height: 88px;
            background-color: #07c160;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            color: white;
            font-weight: 500;
            margin-top: 30px;
        }
        .tips {
            margin-top: 20px;
            padding: 20px;
            background-color: #f8f8f8;
            border-radius: 8px;
            font-size: 24px;
            color: #999;
            line-height: 1.5;
        }
        .tips-title {
            color: #ff5252;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="back">←</div>
        <div class="title">提现到微信</div>
    </div>
    
    <div class="container">
        <div class="balance-card">
            <div class="balance-title">可提现余额</div>
            <div class="balance-amount">¥ 2,580.00</div>
            <div class="balance-tip">温馨提示：普通会员提现将扣除15%信息服务费</div>
        </div>
        
        <div class="form-group">
            <div class="form-title">提现金额</div>
            <div class="input-group">
                <div class="input-label">请输入提现金额</div>
                <input type="number" class="input-field" placeholder="请输入金额" maxlength="11">
            </div>
            
            <div class="fee-info">
                <div class="fee-label">预计到账金额：</div>
                <div class="fee-amount">¥ 0.00</div>
            </div>
            
            <div class="fee-info">
                <div class="fee-label">提现服务费：</div>
                <div class="fee-amount">¥ 0.00</div>
            </div>
        </div>
        
        <div class="form-group">
            <div class="form-title">提现方式</div>
            <div class="payment-method">
                <div class="payment-icon">微</div>
                <div class="payment-info">
                    <div class="payment-name">微信收款</div>
                    <div class="payment-account">微信号：wxid_123456789</div>
                </div>
                <div style="color: #07c160; font-size: 28px;">已绑定</div>
            </div>
        </div>
        
        <button class="submit-btn">确认提现</button>
        
        <div class="tips">
            <div class="tips-title">提现须知：</div>
            <div>1. 普通会员提现手续费为15%，SVIP会员手续费为5%</div>
            <div>2. 普通会员单月提现限额1.5万元，SVIP会员单月提现限额15万元</div>
            <div>3. 提现到账时间：工作日9:00-17:00申请，预计2小时内到账；其他时间申请，预计次日到账</div>
            <div>4. 最低提现金额：100元</div>
        </div>
    </div>
</body>
</html>